*{
    margin: 0;
    padding: 0;
}
#app {
    display: flex;
    justify-content: space-evenly;
    width: 500px;
    height: 200px;
    margin: 100px auto;
    padding: 30px;    
    border: 1px solid #009688;
    &>* {
        flex: 1;
    }
    .left,.right {
        padding: 10px;
        // border: 1px solid #ccc;
    }
    .left {
        .pic {
            transform: rotateY(180deg);
        }
    }
    .center {
        align-self: center;
        font-size: 50px;
        text-align: center;
    }
    .right {
        .user {
            display: flex;
            select {
                width: 60px;
                margin: 0 15px;
            }
            button {
                width: 40px;
                padding: 1px;
            }
        }
    }
    .pic {
        margin-top: 20px;
    }
}